<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
    var myOptions = {
      zoom: 12,
      center: new google.maps.LatLng(${currentPos.latitude}, ${currentPos.longitude}),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"),
                                  myOptions);
    var myLatLng = new google.maps.LatLng(${currentPos.latitude}, ${currentPos.longitude});
    var beachMarker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: "Je suis là !"
    });
  }
</script>
</head>

<body onload="initialize()">
mes coordonnées actuelles :${currentPos.latitude}, ${currentPos.longitude} <br>
<div id="map_canvas" style="width: 600px; height: 480px;"></div> 
</body>
</html>